<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
    img:在页面中展示一张图片,属于行级标签
    常用属性:
        src:指定图片地址,该图片可以是本地的某张图片,也可以是互联网中的某张图片
        alt:当指定的图片不存在时,显示的内容
        title:当鼠标悬停在图片上所显示的内容
        width/height:指定图片的宽度与高度
            当只指定其中一个属性时,另一个属性会成比例变化
            如果同时指定两个属性,图片可能会变形
            在PC端,不建议改变图片大小,当图片变大时,可能会导致图片变得模糊
    常见图片格式
        jpeg(jpg)
            支持的颜色比较丰富,不支持动态图片,不支持透明效果
            一般用于显示照片
        png
            支持的颜色比较丰富,支持透明效果,不支持动态图片
            一般用于网页开发
        gif
            支持的颜色较少,支持简单透明效果,支持动态图片
            一般用于展示动态图片
-->
<img src="../images/heihei.gif" alt="图片加载失败" title="今天周五了,马上放假了,开心">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天周五了,马上放假了,开心" width="300px">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天周五了,马上放假了,开心" width="300px" height="100px">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天周五了,马上放假了,开心" width="100px" height="300px">
</body>
</html>